<template>
  <div class="menu-item-box">
    <el-icon><component :is="item.meta?.icon"></component></el-icon>
    <span>{{ item.meta?.title }}</span>
  </div>
</template>

<script setup lang="ts">
/** 组件属性 */
withDefaults(
  defineProps<{
    /** 子菜单配置 */
    item: any
  }>(),
  /** 默认值 */
  {}
)
</script>

<style scoped lang="scss">
.menu-item-box {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
</style>
